<template>
	<view class="page" id="order_detail" v-if='detail'>
		<status-bar title='订单详情' @back='back'></status-bar>
		<!-- 返回顶部 -->
		<backTop v-if='toTop'></backTop>
		<view class="odr_dtl_state">
			<view class="odr_dtl_state_text">
				<p class="text1 f_032 c_ff7e00" v-if='detail.state == 0'>待支付</p>
				<p class="text1 f_032 c_ff7e00" v-if='detail.state == 1 && detail.groupData && detail.groupData.state == 1'>待发货</p>
				<p class="text1 f_032 c_ff7e00" v-if='detail.state == 1 && detail.groupData && detail.groupData.state == 0'>待成团</p>
				<p class="text1 f_032 c_ff7e00" v-if='detail.state == 2 || detail.state == 3'>{{detail.delivery==1?'待收货':'待取货'}}</p>
				<p class="text1 f_032 c_ff7e00" v-if='detail.state == 4'>待评价</p>
				<p class="text1 f_032 c_ff7e00" v-if='detail.state == 5'>已评价</p>
				<p class="text1 f_032 c_ff7e00" v-if='detail.state == 6'>退款中</p>
				<p class="text1 f_032 c_ff7e00" v-if='detail.state == 96'>退款成功</p>
				<p class="text1 f_032 c_ff7e00" v-if='detail.state == 97'>已失效</p>
				<p class="text1 f_032 c_ff7e00" v-if='detail.state == 98'>已取消</p>
				<p class="f_028 c_999999" v-if='detail.state == 0 && detail.endTime>0'>订单将在 <count-down class="odr_dtl_timer" :time="detail.endTime"></count-down> 关闭，请完成支付</p>
				<p class="f_028 c_999999" v-if='detail.state == 1'>宝贝正在打包中，请耐心等待</p>
				<p class="f_028 c_999999" v-if='detail.state == 2 || detail.state == 3'>宝贝正在运输中，请耐心等待</p>
				<p class="f_028 c_999999" v-if='detail.state == 6'>退款中，请耐心等待，如有疑问请联系商家！</p>
				<p class="f_028 c_999999" v-if='detail.state == 4 || detail.state == 5 || detail.state == 98 || detail.state == 96 || detail.state == 97'>感谢您的光临，期待再次为您服务！</p>
			</view>
			<image v-if='detail.state == 0' :src="staticUrl+'/images/unpay.png'" mode="widthFix"></image>
			<image v-if='detail.state == 1' :src="staticUrl+'/images/unship.png'" mode="widthFix"></image>
			<image v-if='detail.state == 2 || detail.state == 3' :src="staticUrl+'/images/unreceipt.png'" mode="widthFix"></image>
			<image v-if='detail.state == 4 || detail.state == 5 || detail.state == 96 || detail.state == 6' :src="staticUrl+'/images/complete.png'" mode="widthFix"></image>
			<image v-if='detail.state == 98 || detail.state == 97' :src="staticUrl+'/images/cancel.png'" mode="widthFix"></image>
		</view>
		<!-- 收货地址 start -->
		<view class="receipt_addr mb_03" v-if='detail.delivery == 1'>
			<!-- 快递 start -->
			<view class="logistics_addr">
				<view class="r_addr_info">
					<p class="r_addr_info_t">{{detail.uname}}&nbsp;&nbsp;&nbsp;&nbsp;{{detail.utel}}</p>
					<view class="r_addr_info_c">
						{{detail.address}}
					</view>
				</view>
			</view>
			<view class="infobar2">
				<p class="infobar2_t">备注信息</p>
				<view class="infobar2_c" v-if='detail.remarks'>{{detail.remarks}}</view>
				<view class="infobar2_c" v-else>无</view>
			</view>
			<!-- 快递 end -->
		</view>
		
		<view class="ztOrder" v-if='detail.delivery == 2'>
			<view class="infobar2">
				<p class="r_addr_info_t">{{detail.uname}}&nbsp;&nbsp;&nbsp;&nbsp;{{detail.utel}}</p>
			</view>
			<view class="infobar2">
				<p class="infobar2_t">备注信息</p>
				<view class="infobar2_c" v-if='detail.remarks'>{{detail.remarks}}</view>
				<view class="infobar2_c" v-else>无</view>
			</view>
			<!-- 自提 start -->
			<view class="store_addr" @click="openMap" style="position: relative;margin: 30upx 0;border-radius: 20upx;overflow: hidden;">
				<view class="r_addr_info flex-box align-center" style="background: white;padding: 30rpx;">
					<text class="icon-B iconfont"></text>
					<view class="flex" style="line-height: 44upx;">
						<text class="thmeColor" @click.stop="call_" :style="{'--color': color}" style="text-decoration: underline;">{{detail.shopMobile?detail.shopMobile:service_tel}}</text>
						<p class="">{{detail.shopAdress?detail.shopAdress:shopAddress}}</p>
					</view>
					<text class="icon-xiangyouxiayiye iconfont"></text>
				</view>
			</view>
			<!-- 自提 end -->
		</view>
		<!-- 收货地址 end -->
		
		<!-- 团购用户 start -->	
		<view class="gbuy_user mb_03" v-if='detail.groupData && detail.state == 0'>
			<p class="f_032">立即支付，即可开团</p>
			<view class="gbuy_user_list" v-if='detail.userDatas && detail.userDatas.length > 0'>
				<view class="gbuy_user_item" v-for='(head,index2) in detail.userDatas' :key='index2'>
					<image :src="head.v_headimg" class="gbuy_user_avatar" mode="aspectFill"></image>
					<text class="tag color6" v-if='head.v_id == detail.groupData.main_v_id'>团长</text>
				</view>
				<view class="gbuy_user_item">
					<image :src="detail.headImg" class="gbuy_user_avatar" mode="aspectFill"></image>
					<text class="tag color5">待支付</text>
				</view>
			</view>
			<view class="btn4 thmeBg" :style="{'--color': color}" v-if='detail.state == 0' style="margin-top: 40upx" @click="payNow(detail.payID)">去支付</view>
		</view>
		
		<view class="gbuy_user mb_03" v-if='detail.state == 1 && detail.groupData && detail.groupData.state == 0'>
			<view class="gbuy_user_timer">
				<template v-if='detail.groupData.missPeople > 0'>
					还差<text class="c_ff4b4e">{{detail.groupData.missPeople}}</text>人成团&nbsp;&nbsp;剩余
					<count-down :time="detail.groupData.gameOver" txtColor='#ff4b4e'></count-down>
				</template>
				<template v-else>
					已满员
				</template>
			</view>
			<view class="gbuy_user_list" v-if='detail.userDatas && detail.userDatas.length > 0'>
				<view class="gbuy_user_item" v-for='(head,index2) in detail.userDatas' :key='index2'>
					<image :src="head.v_headimg" class="gbuy_user_avatar" mode="aspectFill"></image>
					<text class="tag color6" v-if='head.v_id == detail.groupData.main_v_id'>团长</text>
				</view>
			</view>
			<button v-if="detail.state == 1 && detail.groupData && detail.groupData.state == 0" class="btn4 thmeBg" :style="{'--color': color}" :open-type="vid?'share':''" style="margin-top: 40upx">邀请好友</button>	
		</view>
		
		<!-- 团购用户 start -->
		<view class="gbuy_user mb_03" v-if='detail.groupData && detail.groupData.state == 1'>
			<view class="gbuy_user_scs flex-box align-center">
				<text class="icon-chenggong iconfont"></text>
				<text class="txt">拼团成功</text>
			</view>
			<view class="gbuy_user_list" style='padding-bottom: 20rpx;'>
				<view class="gbuy_user_item">
					<image :src="staticUrl+'/home/discount_coupon.png'" class="gbuy_user_avatar" mode="aspectFill"></image>
					<text class="tag color6">团长</text>
				</view>
				<view class="gbuy_user_item" v-for='(head,index2) in detail.userDatas' :key='index2'>
					<image :src="head.v_headimg" class="gbuy_user_avatar" mode="aspectFill"></image>
					<text class="tag color6" v-if='head.v_id == detail.groupData.main_v_id'>团长</text>
				</view>
			</view>
		</view>
		<!-- 团购用户 end -->
		
		<!-- 物流 start -->
		<navigator :url="'/orderPage/order/logistics?order_id='+detail.order_id" class="logistics flex-box align-center" v-if='detail.courier_name'>
			<text class="icon-wuliu iconfont"></text>
			<view class="flex">
				<view>{{detail.courier_name}}</view>
				<view class="logistics_num">{{detail.courier_num}}</view>
			</view>
			<text class="see_logistics">查看物流</text>
		</navigator>
		
		
		<!-- 下单产品 start -->
		<view class="order_goods mb_03">
			<view class="store_name">
				<text class="icon-dianpu iconfont"></text>
				{{detail.shopName?detail.shopName:shopName}}
			</view>
			
			<view class="agoods" v-for="(item,index) in detail.goodsData" :key='index' @click="toGoods(item.goods_id)">
				<p class="agoods_thumb">
					<image :src="imgUrl+item.goods_img" class="agoods_thumb_img" mode="aspectFill"></image>
				</p>
				<view class="agoods_info">
					<p class="agoods_t">
						<text class="tag" v-if='item.goodsType == 1'>特价</text>
						<text class="tag" v-if='item.goodsType == 2'>团购</text>&nbsp;
						{{item.goods_name}}
					</p>
					<view class="specs-show" v-if='item.specs_bind_text'>
						<text>规格：{{item.specs_bind_text}}</text>
					</view>
					<view class="agoods_info_info">
						<p class="price4">
							￥<text class="price4_num" v-if='item.full_price'>{{item.full_price}}</text>
						</p>
						<p class="ff_a c_999999" v-if='item.goods_num'>x {{item.goods_num}}</p>
					</view>
				</view>
			</view>
			
		</view>
		
		
		<view class="info2_list mb_03">
			<view class="info2_list_item order_dtl_num">
				<view class="copy_btn" @click="copy_text(detail.order_code)">复制</view>
				<view class="info2_l_item_t">订单编号</view>
				<view class="info2_l_item_c" v-if='detail.order_code'>
					{{detail.order_code}}
				</view>
			</view>
			<view class="info2_list_item">
				<view class="info2_l_item_t">下单时间</view>
				<view class="info2_l_item_c" v-if='add_time'>
					{{add_time}}
				</view>
			</view>
			<view class="info2_list_item">
				<view class="info2_l_item_t">配送方式</view>
				<view class="info2_l_item_c" v-if='detail.delivery == "1"'>快递</view>
				<view class="info2_l_item_c" v-if='detail.delivery == "2"'>自提</view>
				<view class="info2_l_item_c" v-if='detail.delivery == "3"'>达达</view>
				<view class="info2_l_item_c" v-if='detail.delivery == "4"'>{{detail.courier_name}}</view>
			</view>
			<view class="info2_list_item" v-if='detail.state == 1||detail.state == 2||detail.state == 3||detail.state == 4'>
				<view class="info2_l_item_t">支付时间</view>
				<view class="info2_l_item_c" v-if='pay_time'>
					{{pay_time}}
				</view>
			</view>
		</view>
		<view class="info_list mb_03">
			<view class="info_list_item">
				<view class="info_l_item_t">{{goodsName?goodsName:'商品'}}金额</view>
				<view class="info_l_item_c">
					<view class="ff_a c_ff4400" v-if='detail.goodsprice'>￥{{detail.goodsprice}}</view>
				</view>
			</view>
			<view class="info_list_item">
				<view class="info_l_item_t">运费</view>
				<view class="info_l_item_c">
					<view class="ff_a c_ff4400" v-if='detail.express_fee'>￥{{detail.express_fee}}</view>
				</view>
			</view>
			<view class="info_list_item">
				<view class="info_l_item_t">总计</view>
				<view class="info_l_item_c">
					<view class="ff_a c_ff4400">￥{{parseFloat(detail.payment)>0?detail.payment:detail.purchase_price}}</view>
				</view>
			</view>
		</view>
		<!-- 底部信息 start -->
		<footer class="footer_info">
			<view class="ftr_info_price" v-if='parseFloat(detail.payment)>0'>
				实付：
				<p class="price5">
					￥<text class="price5_num">{{detail.payment}}</text>
				</p>
			</view>
			<view class="ftr_info_price" v-else>
				余额支付：
				<p class="price5">
					￥<text class="price5_num">{{detail.used_balance?parseFloat(detail.used_balance):' '}}</text>
				</p>
			</view>
			<view class="ftr_info_oper3">
				
				<view v-if='detail.state == 0' class="ftr_info_oper_item3 btn6 get_pickup_code thmeBg" :style="{'--color': color}" 
				@click="payNow(detail.payID)">去支付</view>
				
				<view v-if='detail.state == 0 || (detail.pay_type == 2 && detail.state == 1)' class="ftr_info_oper_item3 btn5" 
				@click="show_model(0)">取消订单</view>
				
				<view v-if="(detail.state == 1 || detail.state == 2 || detail.state == 3  || detail.state == 5) && detail.pay_type != 2" class="ftr_info_oper_item3 btn5" 
				@click="show_model(1)">退货退款</view>
				<!-- pay_type:2 到付 -->
				<view v-if="(detail.state == 2 || detail.state == 3  || detail.state == 5) && detail.pay_type == 2" class="ftr_info_oper_item3 btn5" 
				@click="show_model(1)">退货退款</view>
				
				<view v-if='(detail.state == 2 || detail.state == 3) && detail.delivery == 1' class="ftr_info_oper_item3 btn6 thmeBg" :style="{'--color': color}" 
				@click="show_model(3)">确认收货</view>
				
				<view v-if='(detail.state == 2 || detail.state == 3) && detail.delivery == 2' class="ftr_info_oper_item3 btn6 get_pickup_code" 
				@click="getCode">提货码</view>
				
				<view v-if='detail.state == 4' class="ftr_info_oper_item3 btn6 thmeBg" :style="{'--color': color}" 
				@click="toUrl('/commentPage/comment/commentGoods?oid='+order_id)">立即评价</view>
				
				<view v-if='detail.state == 98' class="ftr_info_oper_item3 btn6 thmeBg" :style="{'--color': color}" 
				@click="buyAgain(detail)">再次购买</view>
			</view>
		</footer>
		<!-- 底部信息 end -->
		
		<!-- 提货码弹窗 start -->
		<view class="mask flex-box flex-center align-center" v-if="getCodes" @click="getCodes=false">
			<view class="pickup_code_pop" @click.stop :style="{'background': 'url('+staticUrl+'/images/pickup_code_pop_bg.png)','background-size':'100% 100%'}">
				<view class="pickup_code_box">
					<view class="txt">请向店员出示取货二维码</view>
					<image :src="imgUrl+code_images" class="code-img" mode="aspectFit"></image>
					<view class="num">{{pickCode}}</view>
				</view>
				<view @click="getCodes=false">
					<text class="iconfont icon-guanbi"></text>
				</view>
			</view>
		</view>
		<showModel type='99' v-if='showModal'
			:title="model.title" 
			:msg='model.msg' 
			:btn1='model.btn1'
			:btn2='model.btn2'
			@certain='certain'
			@cancelFunc='showModal=false'></showModel>
	</view>
</template>

<script>
	var timer,that;
	import '@/js_sdk/ican_H5Api/ican-H5Api'
	export default{
		data() {
			return {
				color: getApp().globalData.color,
				showModal: false,
				modalType: 6,
				
				v_input: 1,
				discount_price: 999.99,
				market_price: 333.33,
				toTop:false,
				imgUrl: this.imgUrl,
				staticUrl: this.staticUrl,
				getCodes:false,
				add_time:'', // 下单时间
				pay_time:'',// 支付时间
				detail:{},
				vid: uni.getStorageSync("vid"),
				code_images:'', // 二维码
				pickCode:'', // 提货码code
				shopName: uni.getStorageSync('startUp').shopName,
				shopAddress: uni.getStorageSync('startUp').service_address,
				service_tel: uni.getStorageSync('startUp').service_tel,
				order_id:'',
				goodsName: uni.getStorageSync('startUp').nameDefinition.goodsName,
				model:{
					title:'',
					msg:'',
					btn1:'取消',
					btn2:'确定'
				}
			}
		},
		onHide() {
			clearInterval(timer)
		},
		onUnload() {
			clearInterval(timer)
		},
		onLoad(e) {
			that = this;
			that.order_id = e.order_id;
			that.code_images = that.$http.baseUrl + "/zzj_singleSaleApi/get_qrcode?order_id=" + e.order_id + "&v_id=" + that.vid;
			that.getDetail()
			// #ifdef H5
			this.H5Share()
			// #endif
		},
		onPageScroll(e){
			if(e.scrollTop > 200){
				that.toTop = true;
			} else {
				that.toTop = false;
			}
		},
		onShareAppMessage(option){
			const vid = uni.getStorageSync("vid")
			return {
				title:'嘿 ~ 你看我买到了什么，快来跟我一起拼个团吧',
				desc:'我发现了一个宝藏商家，感觉很靠谱，你也来看看，真的很赞！',
				path:'/pages/index/index?share_v_id=' + vid + '&aid=' +that.detail.act_id + '&gid=' + that.detail.goods_id + '&group_id=' + that.detail.group_id +'&pageType=3',
				imageUrl: that.imgUrl + that.detail.goods_img
			}
		},
		methods: {
			show_model(type){
				that.modelType = type
				if(type == 0){ // 取消
					that.model={
						title:'是否确定取消订单？',
						msg:'可在已取消列表找到',
						btn1:'我再想想',
						btn2:'确定'
					}
				}
				if(type == 1){ // 退货退款
					that.model={
						title:'是否确定退货退款？',
						msg:'退货退款成功后将不可撤回',
						btn1:'我再想想',
						btn2:'退意已决'
					}
				}
				if(type == 2){ // 删除
					that.model={
						title:'是否确定删除该作品？',
						msg:'删除后将不可恢复!',
						btn1:'取消',
						btn2:'确定'
					}
				}
				if(type == 3){ // 确认收货
					that.model={
						title:'是否确定已收到宝贝？',
						msg:'确认收货后将不可撤销操作',
						btn1:'取消',
						btn2:'确认收货'
					}
				}
				that.showModal = true
			},
			certain(){ // 确定操作
				if(that.modelType == 0){ // 取消
					that.cancelSure()
				}
				if(that.modelType == 1){ // 退货退款
					that.refuseSure()
				}
				if(that.modelType == 2){ // 删除
					that.delSure()
				}
				if(that.modelType == 3){ // 确认收货
					that.receipt()
				}
			},
			openMap(){
				uni.openLocation({
					longitude: parseFloat(that.detail.shopPointx),//要去的经度
					latitude: parseFloat(that.detail.shopPointy),//要去的纬度
				    name: that.detail.shopName,
					address: that.detail.shopAdress
				})
			},
			call_(){
				uni.makePhoneCall({
					phoneNumber: that.detail.shopMobile?that.detail.shopMobile:that.service_tel
				})
			},
			back(){
				clearInterval(timer)
			},
			getDetail(){ // 单商品特价订单详情
				that.$http.post({
					url: '/zzj_singleSaleApi/orderSingleDetails',
					data: {
						order_id: that.order_id,
						v_id: that.vid,
						bid: uni.getStorageSync('bid'),
					}
				}).then(res => {
					var data = res.data;
					if(data){
						clearInterval(timer)
						if(data.endTime>0){
							timer = setInterval(()=>{
								that.getDetail();
							},2000)
						}
						that.detail = data;
						if(that.detail.state == 0 && that.detail.endTime<0){
							uni.navigateBack()
						}
						that.add_time = that.$common.timeFormat(that.detail.add_time,'Y-M-D h:m:s');
						that.pay_time = that.$common.timeFormat(that.detail.pay_time,'Y-M-D h:m:s');
					}
				})
			},
			buyAgain(item){
				/**
				 * 再次购买
				 * **/
				 let param = '?goods_id=' + item.goods_id + '&goods_num=' + item.num
				 if(item.specs_bind_id){
				 	param = param + '&specs_bind_id='+item.specs_bind_id + '&specs_bind_text=' + item.specs_bind_text
				 }
				 uni.navigateTo({
				 	url: '/orderPage/order/createOrder'+ param
				 })
			},
			payNow(payID){
				// #ifdef H5
					window.location.href ='https://sra.weikebaba.com/index.php/accountPay/weChatCashierPage?orderStr=' + payID
				// #endif
				// #ifndef H5
				uni.navigateTo({
					url: '/moneyPage/capital/checkstand?payid='+payID
				})
				// #endif	
			},
			getCode:function(){ // 获取提货码
				let vid = uni.getStorageSync("vid");
				that.$http.post({
					url: '/zzj_singleSaleApi/get_qrcode',
					data: {
						order_id: that.order_id,
						v_id: vid,
					}
				}).then(res => {
					if(res.url){
						that.code_images = res.url;
						that.pickCode = res.code;
						that.getCodes = true;
					}
				})
			},
			cancelSure(){
				//取消订单
				that.$http.post({
					url: '/zzj_singleSaleApi/cancelOrder',
					data: {
						v_id: uni.getStorageSync("vid"),
						order_id: that.order_id,
					}
				}).then(res => {
					that.getDetail()
					uni.showToast({icon:'none',title: res.msg})
					that.showModal = false
				})
			},
			refuseSure(){ // 退货退款
				that.$http.post({
					url: '/zzj_singleSaleApi/refund',
					data: {
						v_id: uni.getStorageSync("vid"),
						order_id: that.order_id
					}
				}).then(res => {
					that.getDetail()
					uni.showToast({
						icon: 'none',
					    title: res.msg
					}) 
					that.showModal = false
				})
			},
			copy_text:function(copyData){
				uni.setClipboardData({
					data: copyData,
					success: function () {
						uni.showToast({
							title:"订单编号复制成功",
							icon:"success"
						})
					}
				});
			}
		}
	}
</script>

<style scoped lang="scss">
	.footer_info{
		padding-bottom: calc(10rpx + constant(safe-area-inset-bottom));
		padding-bottom: calc(10rpx + env(safe-area-inset-bottom));
		.btn5{
			width: 172rpx;
			height: 60rpx;
			line-height: 58rpx;
			border: 2rpx solid #dddddd;
			border-radius: 100px;
			background: none;
			appearance: none;
			-webkit-appearance: none;
			display: inline-block;
			font-size: 28rpx;
			text-align: center;
			color: #999999;
		}
		
		.btn6{
			width: 172rpx;
			height: 58rpx;
			line-height: 58rpx;
			border: none;
			border-radius: 100px;
			background: #ff4b4e;
			appearance: none;
			-webkit-appearance: none;
			display: inline-block;
			font-size: 28rpx;
			text-align: center;
			color: #ffffff;
		}
	}
	.page{
		background-color: #F8F8F8;
		padding-bottom: calc(100rpx + constant(safe-area-inset-bottom));
		padding-bottom: calc(100rpx + env(safe-area-inset-bottom));
		.odr_dtl_state{
			height: 200rpx;
			margin-bottom: 30rpx;
			padding: 0 30rpx;
			background: #ffffff;
			display: flex;
			display: -webkit-flex;
			justify-content: space-between;
			align-items: center;
			.odr_dtl_state_text{
				width: 530rpx;
				.text1{
					margin-bottom: 20rpx;
				}
			}
		}
		.agoods{
			margin-top: 30rpx;
		}
		.order_dtl_num{
			position: relative;
			.copy_btn{
				color: #0966ff;
				position: absolute;
				top: 20upx;
				right: 0;
				z-index: 1;
			}
		}
		.logistics{
			border-radius: 10px;
			margin-bottom: 30upx;
			padding: 30upx;
			background-position-x: 30upx;
			&::after{
				right: 30upx;
			}
		}
	}
	.store_name{
		margin-bottom: -20upx;
	}
	.specs-show{
		height: 62upx;
		display: flex;
		align-items: center;
		overflow: hidden;
	}
	.specs-show text{
		font-size: 22rpx;
		color: #999;
		background-color: #EEEEEE;
		border-radius: 4upx;
		padding: 4upx 8upx;
		white-space: nowrap;
		text-overflow: ellipsis;
	}
	.ztIcon{
		position: absolute;
		width: 32upx;
		height: 32upx;
		left: 32upx;
		top: 54upx;
	}
	.gbuy_user_scs .txt{
		font-size: 36rpx;
		margin-left: 8rpx;
	}
	.icon-chenggong{
		font-size: 48rpx;
	}
	.invite_img{
		height: 185upx;
	}
	.logistics_addr{
		border-bottom: 1px solid #F5F5F5;
	}
	.pickup_code_pop{
		position: relative;
		width: 600upx;
		height: 800upx;
		padding-top: 30rpx;
		.pickup_code_box{
			width: 100%;
			height: 100%;
			.txt{
				text-align: center;
				padding: 50upx 0;
				font-size: 32upx;
			}
			.code-img{
				width: 440upx;
				height: 440upx;
				display: block;
				margin: 20rpx auto;
				background-color: #F8F8F8;
			}
			.num{
				text-align: center;
				font-size: 32rpx;
				line-height: 80rpx;
			}
		}
		.icon-guanbi{
			color: white;
			font-size: 60rpx;
			top: 20rpx;
			position: relative;
			z-index: 3;
		}
	}


	.icon-xiangyouxiayiye{font-size: 32rpx;}
	.icon-dianpu{font-size: 36rpx;margin-right: 20rpx;}
	
	.odr_dtl_state image{
		width: 118rpx;
	}
	.icon-B{
		font-size: 38rpx;
		margin-right: 20rpx;
	}
	.agoods_t .tag{
		border-radius: 4rpx;
		color: white;
		font-size: 20rpx;
		background-color: $tag-bg;
	}
</style>
